<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>增加</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
</head>
<body>
<div class="ui container" style="margin-top: 40px;">
    <form class="ui form" method="post" th:action="@{/admin/addUser}" th:object="${userCruds}">
        <div class="field">
            <label>姓名</label>
            <input type="text" name="name" placeholder="姓名" required autofocus>
        </div>
        <div class="field">
            <label>年龄</label>
            <input type="text" name="age" placeholder="年龄" required>
        </div>
        <div class="field">
            <label>性别</label>
            <!--<input type="text" name="sex" placeholder="性别" required>-->
            <div class="ui fluid selection dropdown">
                <input type="hidden" name="sex" required>
                <i class="dropdown icon"></i>
                <div class="default text">未知</div>
                <div class="menu">
                    <div class="item" data-value="男">男</div>
                    <div class="item" data-value="女">女</div>
                </div>
            </div>
        </div>

        <!-- 000000000000000000000000000000000000000000000000000000000000000000000000-->

        <!--<div class="field">
            <div class="ui left labeled action input">
                <label class="ui compact teal basic label">分类</label>
                <div class="ui fluid selection dropdown">
                    &lt;!&ndash;新增&ndash;&gt;
                    <input type="hidden" name="type.id">
                    &lt;!&ndash;编辑&ndash;&gt;
                    <input type="hidden" name="typeId" th:value="${userCrud.getAge()}">
                    <i class="dropdown icon"></i>
                    <div class="default text">分类</div>
                    <div class="menu">
                        &lt;!&ndash;<div th:each="type : ${types}" class="item" data-value="1" th:data-value="${type.id}"
                             th:text="${type.name}">我的故事
                        </div>&ndash;&gt;
                        <div class="item" data-value="1">hhh</div>
                        <div class="item" data-value="1">asdf</div>
                        <div class="item" data-value="1">rqwer</div>
                        <div class="item" data-value="1">zxv</div>
                    </div>
                </div>
            </div>
        </div>-->





        <!-- 000000000000000000000000000000000000000000000000000000000000000000000000-->





        <div class="field">
            <label>班级</label>
            <input type="text" name="classes" placeholder="班级" required>
        </div>
        <div class="field">
            <label>地址</label>
            <input type="text" name="address" placeholder="地址" required>
        </div>
        <button class="ui button right" type="submit">保存</button>
    </form>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<script>
    /*选择列表*/
    $('.ui.dropdown').dropdown({
        on: 'hover'
    });
</script>
</body>
</html>